<!--
/* -----------------------------------------------
Blogger Template Style
Name    : Johny Joss Banget
Author  : Maskolis
Url     : http://www.maskolis.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#ddd">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#ddd">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
body{background:#040404 url(http://1.bp.blogspot.com/-gSuyWawcDQI/T_8E2MHTq4I/AAAAAAAAHh8/28wngpY_1VE/s1600/body1.jpg) no-repeat top center;color:#dddddd;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:#f7552e;text-decoration:none}
a:visited{color:#f7552e;text-decoration:none}
a:hover{color:#dddddd;text-decoration:none}
a img{border-width:0}
#headerpic-wrapper{background:url(http://1.bp.blogspot.com/-GjygTCuQHIo/UAALHd3yfMI/AAAAAAAAHkU/JL9YDC5C7i8/s1600/header+maskolis.png) no-repeat top center;width:100%}
#header-wrapper{width:960px;height:110px;border:0 solid #dcd9d9;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:450px;border:0 solid #dcd9d9;text-align:left;color:#333333;margin:0}
#header2{float:right;width:468px;margin:15px 0 0;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:10px 0 0}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font: bold 30px Oswald;text-shadow:0 1px 1px #000;margin:0 auto;padding:5px 5px .15em;color:#aaa;}
#header a{text-decoration:none}
#header a:hover{color:#333333}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif;color:#666666;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
.headline-wrapper{background:url(http://2.bp.blogspot.com/-B1EJ_8T064o/UAAJaabsGXI/AAAAAAAAHkM/ESPCL1q_zDs/s1600/toppic.png);border-bottom:0 solid #444;width:100%;height:33px;}
.headline{width:960px;line-height:1.4em;text-align:left;font:14px Verdana;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}
.headline-left{float:left;width:660px}
.headline-right{float:right;width:300px}
.headline a:hover{color:#eace12;text-decoration:underline}
#content-wrapper{background:#313131 url(http://4.bp.blogspot.com/-nYOCVDgfjs0/T__7tfORxaI/AAAAAAAAHjg/34w55pkOsRI/s1600/nasi+goreng.png) no-repeat top center}
#main-wrapper{width:700px;float:left;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper{padding:10px 10px 0 0;width:250px;float:right;word-wrap:break-word;overflow:hidden}
h2.date-header{margin:1.5em 0 .5em}
.post{background:url(http://3.bp.blogspot.com/-h2VKwi0QJ8o/UABDnt7g2NI/AAAAAAAAHlE/ZONRawNK674/s1600/mas+goreng.png) no-repeat bottom center;margin:.5em 0 .1em;padding:15px 15px 25px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:0px 2px 1px #000;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:#dddddd}
.post h3 strong,.post h3 a:hover{color:#f7552e}
.post-body{background:url(http://3.bp.blogspot.com/-nYU6zP4yUeQ/T_8Nq6peTkI/AAAAAAAAHiY/7hIWjzI7fU0/s1600/newsf.png) no-repeat top center;font:16px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;text-shadow:0px 2px 1px #000}
.post-body blockquote{line-height:1.3em;font-style:italic}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #aaa;background:#262626;border-left: 20px solid #111}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#aaa;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px;text-shadow:0 1px 1px black}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #111;background:url(http://3.bp.blogspot.com/-UxcaQB5vgbE/UABZdfOoaYI/AAAAAAAAHmA/ak31LT2Mrmw/s1600/anonym+maskolis.png) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:#111;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #111;border-right-color:#444;border-bottom-color:#444;color:#aaa!important;text-align:center;text-decoration:none;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#111}
.cm_entry{background:#222;border:1px solid #111;overflow:hidden;padding:16px;border-right:1px solid #444;border-bottom:1px solid #444}
.cm_info{margin-bottom:5px;border:thin solid #111;background-color:#333;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #111;background-color:#444;padding:5px}
.cm_name{font-size:14px;font-family:PT Sans Narrow;color:#aaa!important;text-decoration:none;float:left}
.cm_name_a{font:14px PT Sans Narrow;color:#aaa!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#aaa;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#444;border:1px solid #222;padding:4px}
.comment-body-author{font-family:PT Sans Narrow;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;font-family:PT Sans Narrow;border:thin solid #222;background-color:#444;font-size:14px;color:#aaa;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font:bold 14px Arial;color:#aaa;margin:15px 0;padding:5px 10px;text-shadow:0 2px 2px black}
#blog-pager a{color:#aaa}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#972206 url(http://4.bp.blogspot.com/-jWA-qoWbav0/T__pNZq6fSI/AAAAAAAAHiw/MJW57BCArbE/s1600/sidebar.png) repeat-x top;font:13px Oswald;color:#ddd;text-transform:uppercase;margin:0;padding:8px 0 9px 10px;border-bottom:1px solid #521506}
.sidebar{text-shadow: black 0px 1px 1px;color:#ddd;line-height:1.3em;border-top:none}
.sidebar li{background:url(http://2.bp.blogspot.com/-Pra74ieAyu0/T_7zUVLremI/AAAAAAAAHg8/ojy_B2rUVRs/s1600/split.png) no-repeat bottom center;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{background:#4b4b4b;border:0 solid #dcd9d9;margin:0 0 10px;-webkit-box-shadow: 0 10px 8px -8px black;-moz-box-shadow: 0 10px 8px -8px black;box-shadow: 0 10px 8px -8px black;padding-bottom:15px}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#aaa;text-decoration:none}
.sidebar li a:hover{color:#f7552e}
.sidebar ul{list-style:none;margin:0;padding:5px 10px}
#Label1 li {}
.main .widget{margin-bottom:10px}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #e4360d;background:#ca2f0a;color:#fff;margin:2px;padding:3px 6px}
.switch{height:25px;color:#444;margin:0;padding:5px 9px;text-transform:uppercase;}
.switch-left{width:360px;float:left;margin:0 auto;padding-top:5px;font:14px Oswald;text-shadow:0px 1px 1px #000;color:#999}
.switch-right{width:120px;float:right;margin:0 auto;padding-top:10px}
.switch a{border:1px solid #999;font:11px Arial;padding:3px 8px 3px 25px;text-transform:none;color:#999}
a.bar_view{background:url(http://2.bp.blogspot.com/-7BeF7FZiHo0/T6vZzVSzTzI/AAAAAAAABJs/FlrWN7ZRxmk/s1600/drid.gif) no-repeat 3px center}
a.dat_view{background:url(http://1.bp.blogspot.com/-43EW3Gjakwc/T6vZz6K4N_I/AAAAAAAABJ0/hi2LK0zc4JQ/s1600/listed.gif) no-repeat 3px center}
.switch a.active{background-color:#aaa;border:1px solid #999;color:#111;cursor:default}
#outer-wrapper{background:url(http://4.bp.blogspot.com/-bL05vrENgGI/T_8GYosuCCI/AAAAAAAAHiE/kHkfWzgszgY/s1600/outer.png);;width:960px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;border:1px solid #333;padding:10px;-moz-box-shadow:0 0 40px #000;-webkit-box-shadow:0 0 5px #000;-goog-ms-box-shadow:0 0 40px #000;box-shadow:0 0 40px #000}
.index{background:url(http://2.bp.blogspot.com/-3m9ZaGhFRqM/T-OcKK0I31I/AAAAAAAAG-U/0U2O4f5HYIw/s1600/video.png) no-repeat center left!important;float:right;font:14px Oswald;color:#444;display:block;margin:12px 0 0;padding:0 10px 0 20px;text-shadow:0px 1px 1px #000}
.index a,.index a:visited{color:#ddd;text-transform:none}
.index a:hover{color:#f7552e;text-transform:none}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}
.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:940px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.creditwrap{background:#333 url(http://4.bp.blogspot.com/-nYOCVDgfjs0/T__7tfORxaI/AAAAAAAAHjg/34w55pkOsRI/s1600/nasi+goreng.png) no-repeat top center;width:960px;margin:0 auto;padding:0 auto}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}
#carousel{width:960px;height:330px;border-bottom:1px solid #222;position:relative;display:block;background:#313131 url(http://2.bp.blogspot.com/-luBF-v-UnRI/T_7Cyy0FBeI/AAAAAAAAHfc/ehPm3zH9tJQ/s1600/slider-bg.png) no-repeat top}
#carousel .container{position:absolute;left:25px;width:920px;height:330px;overflow:hidden}
#carousel #previous_button{position:absolute;width:25px;height:330px;background:url(http://4.bp.blogspot.com/-cCewNgDnUGs/T_8Dxak-MTI/AAAAAAAAHh0/od90YXiAMwc/s1600/previous.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:330px;background:url(http://2.bp.blogspot.com/-1O5rFDTbamk/T_8DwrGUnyI/AAAAAAAAHhs/GXyMGqtNYoA/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel #previous_button:hover,#carousel ul li:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#000 url(http://3.bp.blogspot.com/-isErZdr-e3w/T_7Lgjhr5OI/AAAAAAAAHf0/tjJYvmFYxS8/s1600/sliderbg.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;width:200px;height:300px;margin:0 1px 20px 12px;padding:6px}
#carousel ul li a.slider_title{color:#aeaeae;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#256ead}
.menuku{height:54px;background:url(http://1.bp.blogspot.com/-ZGWuQXg-PUM/T__vVbeakhI/AAAAAAAAHjI/N1aq06no9KU/s1600/horiz-menu-bg.png) no-repeat center;font:normal 15px Tahoma;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0}
.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
.menuku ul{margin:0;padding:0}
.menuku li{list-style:none;color:#b69786;float:left;display:inline;position:relative;margin:0;padding:0}
.menuku li a{display:block;text-decoration:none;font-weight:700;color:#b6b6b6;text-shadow:1px 1px 2px #000;outline:none;margin:0;padding:18px 16px}
.menuku li a:hover{background:url(http://1.bp.blogspot.com/-ZGWuQXg-PUM/T__vVbeakhI/AAAAAAAAHjI/N1aq06no9KU/s1600/horiz-menu-bg.png) no-repeat center}
.menuku li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0}
.menuku li ul a{font:12px Arial;background:#111;border-left:none;border-right:none;border-top:1px solid #313131;border-bottom:1px solid #0e0c0b;display:block;padding:7px 10px;;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87}
.menuku li ul a:hover{background:#383838}
.menuku li ul li{float:none;display:block;width:auto}
.menuku li ul ul{top:0;left:100%}
.menuku li a:focus{background-color:#666;border-left-color:#999;border-right-color:#777}
.menuku ul li a:focus{background-color:#666;border-top-color:#777;border-bottom-color:#555}
.menuku li a:hover,.menuku ul li a:hover{color:#ccc}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;text-shadow:0px 1px 1px #000;}
.readmorecontent a{padding:0;color:#aaa;text-decoration:none;font-weight:bold;}
.readmorecontent a:hover{color:#009df2;text-decoration:none;}
.maskolis h1{background:url(http://4.bp.blogspot.com/-P_-9gmcXjRs/UAABz0ySIGI/AAAAAAAAHkA/QvinOFBRrqA/s1600/mas+goreng.png) no-repeat top center;font:14px Oswald;margin:0px;padding:15px 10px;text-shadow:0px 1px 1px #000}
.maskolis h1 a,.maskolis h1 a:visited{color:#ddd}
.maskolis h1 a:hover{color:#f7441a}
.maskolis {background:url(http://3.bp.blogspot.com/-h2VKwi0QJ8o/UABDnt7g2NI/AAAAAAAAHlE/ZONRawNK674/s1600/mas+goreng.png) no-repeat bottom center;width:100%;overflow:hidden;margin-bottom:0px;padding-bottom:32px;}
.maskolis .col_maskolis {width:158px;height:230px;float:left;padding:2px 3px 5px;background:#111;margin:10px 0 0 9px;text-align:center}
.maskolis .maskolis_img {border:5px solid #313131;margin:15px 6px;width:135px;height:170px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
.maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
.maskolis .posttitle {height:20px;border:0 none;line-height:8px;margin: -14px 5px 5px;padding:2px}
.maskolis .posttitle a{color:#ddd;font:14px PT Sans Narrow;line-height:16px}
.maskolis .posttitle a:hover {color:#f7441a}
.PopularPosts .item-thumbnail img{width:90px;height:60px}
.PopularPosts .item-thumbnail img:hover{opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6}
#related-posts{float:left;width:auto;}
#related-posts h1{background:none;color:#aaa;font:16px Oswald;padding:3px;text-shadow:0 1px 1px black}
#related-posts .maskolis_img {border:4px solid #313131;padding:0px 0px;width:132px;height:165px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;margin:10px 8px 5px}
#related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
.shadow{width:960px; height:32px; background:url(http://1.bp.blogspot.com/-jxemfWZZ39E/T_65sv622uI/AAAAAAAAHfQ/vaP9YXA0P5w/s1600/main-shadow.png) no-repeat center;margin:0 auto}
ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0}
ul.isocial li{float:right;margin:0 5px;padding:0}
ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 0}
ul.isocial li a.rss:hover{background-position:0 -25px}
ul.isocial li a.facebook{background-position:-25px 0}
ul.isocial li a.facebook:hover{background-position:-25px -25px}
ul.isocial li a.twitter{background-position:-50px 0}
ul.isocial li a.twitter:hover{background-position:-50px -25px}
ul.isocial li a.google{background-position:-75px 0}
ul.isocial li a.google:hover{background-position:-75px -25px}
ul.isocial li a.youtube{background-position:-100px 0}
ul.isocial li a.youtube:hover{background-position:-100px -25px}

-->